import { computed } from 'vue'
import axios from 'axios';

export default function editorTodo(todos) {
    let originTodo = null;
    let editorTodo = (todo) => {
        originTodo = todo.title;
    }
    let cancelEditor = (todo) => {
        todo.title = originTodo;
        axios.post('http://114.132.210.22:4000/updateItem', { item: todo });
    }

    let setAllCompleted = computed({
        get() {
            return todos.value.filter(item => !item.completed).length === 0
        },
        set(val) {
            todos.value.forEach(item => {
                item.completed = val;
            })
        }
    })

    return {
        editorTodo,
        cancelEditor,
        setAllCompleted
    }
}